<template>
	<view class="">
		<u-popup z-index="1204"  v-model="showCart" @close="close" mode="bottom" border-radius="20">
			<view class="cert-list-box">
				<view class="header w100">
					<view class="u-text-center fs32 c3 fw5">
						价格明细
					</view>
					<view  @click="close" class="close">
						<u-icon name="close"></u-icon>
					</view>
				</view>
				<view class="other-info fs26 p30s">
					<view class="df aic jcsb other-info-item"> <text class="c6">商品合计</text> <text class="price fw5">¥{{priceAll||0}}</text> </view>
					<!-- <view class="df aic jcsb p20 other-info-item" > <text class="c6 mr20">优惠</text> <view class="fs24 noneCoupon">无可用优惠券</view> <text class="price fw5">-¥0.00</text> </view>
					<view class="df aic jcsb p20 other-info-item" > <text class="c6">折扣优惠</text> <text class="price fw5">-¥0.00</text> </view> -->
					<view class="df aic jcsb p20 other-info-item-time" > <view class="">
						<text class="c6">配送费</text> <u-icon name="question-circle" color="#48A147" class="ml5" @click="$emit('feeInfo')"></u-icon>
					</view>
					<view class=""  @click="$emit('FeePrice')">
						 <text class="app-theme fw5">¥{{sendPirce||0}}</text><u-icon name="arrow-right" color="#666666" size="22"></u-icon>
					</view> </view>
				</view>
				<view class="df aic jcsa pb20 mdbJr" :style="{'height':120+(platformFeeInfo.sendLimit?70:0)+'rpx'}">
				</view>
			</view>
		</u-popup>
	</view>
</template>

<script>
	import Decimal from "decimal.js";
	export default{
		props:{
			value: {
				type: Boolean,
				default: false
			},
			sendPirce: '',
			priceAll: '',
			platformFeeInfo:{}
		},
		// computed:{
		// 	payAmountFee(){
		// 		let priceAll = new Decimal(this.priceAll);
		// 		const deliveryFee = new Decimal(Number(this.sendPirce));
		// 		return new Decimal(priceAll.add(deliveryFee)).toFixed(2)
		// 	}
		// },
		watch: {
			value: {
				immediate: true,
				deep: true,
				handler(e) {
					console.log(e)
					this.showCart = e
				},
		
			}
		},
		data(){
			return{
				showCart:false,
				loading:false
			}
		},
		methods:{
			close(){
				this.$emit('input',false)
			}
		}
		
	}
</script>

<style lang="scss" scoped>
	.noneCoupon{
		padding: 2rpx 10rpx;
		background: #999999;
		border-radius: 19rpx 19rpx 19rpx ;
		color: white;
		margin-right: auto;
	}
	$theme-text: #47A848;
	.red-price{
		color: #EC3234;
	}
	.goods-list{
		padding: 30rpx;
		.goods-item{
			padding: 20rpx 0;
			border-bottom: 1rpx dashed #E5E5E5;
				
			view{
				width: 33.3%;
			}
		}
		.noborder{
			border-width: 0 !important;
		}
	}
	.other-info{
		padding: 30rpx;
		padding-top: 0;
		.other-info-item{
			border-bottom: 1rpx dashed #E5E5E5;
			padding: 20rpx 0;
		}
		.other-info-item-time{
			padding: 20rpx 0 0;
		}
		
	}

	.num-box {
		color: $theme-text;

		.num {
			color: #EF2929;
		}
	}
	.close{
		position: absolute;right: 30rpx;top: 30rpx;
	}
	.cert-list-box {
		.header {
			padding: 24rpx 30rpx;

			border-bottom: 2rpx solid #E5E5E5;

			.title {
				font-family: PingFang SC-Bold;
				font-weight: bold;
			}
		}
	}

</style>